<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <title>值守平台－事件管理</title>
    <!-- Bootstrap -->
    <link href="css/bootstrap.min.css" rel="stylesheet">
    <!--你自己的样式文件 -->
    <link href="css/2016zhdd_style.css" rel="stylesheet">
    <!-- 以下两个插件用于在IE8以及以下版本浏览器支持HTML5元素和媒体查询，如果不需要用可以移除 -->
    <!--[if lt IE 9]>
        <script src="https://oss.maxcdn.com/libs/html5shiv/3.7.0/html5shiv.js"></script>
        <script src="https://oss.maxcdn.com/libs/respond.js/1.4.2/respond.min.js"></script>
        <![endif]-->
</head>
<body>
<h1 class="tit-top col-xs-12">舆情综合指挥系统－<em>指挥调度</em></h1>
<div class="clearfix">
    <!--左边开始-->
    <div class="col-xs-2" style="padding-left: 0;">
        <div class="left">
            <dl>
                <dt class="clearfix"><a role="button" data-toggle="collapse" href="#one" aria-expanded="false" aria-controls="collapseExample">
                    <label class="tb-label glyphicon glyphicon-duplicate"></label>
                    指挥调度<span class="jt-span glyphicon glyphicon-menu-down"></span></a></dt>
                <dd id="one" class="collapse in">
                    <h2 class="clearfix"><a role="button" data-toggle="collapse" href="#two" aria-expanded="false" aria-controls="collapseExample">
                        <label class="tb-label glyphicon glyphicon-credit-card"></label>
                        值守平台
                        <span class="jt-span glyphicon glyphicon-menu-down"></span>
                    </a></h2>
                    <ul class="ul03 collapse in" id="two">
                        <li><a href="xxhj.html"><label class="tb-label glyphicon glyphicon-map-marker"></label>信息汇聚</a></li>
                        <li><a href="sjgl.html"><label class="tb-label glyphicon glyphicon-map-marker"></label>事件管理</a></li>
                    </ul>
                    <h2 class="clearfix"><a role="button" data-toggle="collapse" href="#two-2" aria-expanded="false" aria-controls="collapseExample">
                        <label class="tb-label glyphicon glyphicon-credit-card"></label>
                        指挥指令
                        <span class="jt-span glyphicon glyphicon-menu-down"></span>
                    </a></h2>
                    <ul class="ul03 collapse in" id="two-2">
                        <li><a href="zlgl.html"><label class="tb-label glyphicon glyphicon-map-marker"></label>指令管理</a></li>
                    </ul>
                </dd>
            </dl>
        </div>
    </div>
    <!--左边结束-->
    <!--右边开始-->
    <div class="col-xs-10">
        <div class="sjgl-right">
            <ol class="breadcrumb" style="background: none;padding-left: 0;">
                <li><a href="#">指挥调度</a></li>
                <li><a href="#">值守平台</a></li>
                <li class="active">事件管理</li>
            </ol>
            <div class="row">
                <span class="col-xs-2">
                    <select class="form-control">
                        <option>事件类型</option>
                    </select>
                </span>
                <span class="col-xs-2">
                    <select class="form-control">
                        <option>全部时间</option>
                    </select>
                </span>
                <div class="btn-group col-xs-3" role="group">
                    <button type="button" class="btn btn-default">I级</button>
                    <button type="button" class="btn btn-default">II级</button>
                    <button type="button" class="btn btn-default">III级</button>
                    <button type="button" class="btn btn-default">IV级</button>
                </div>
                <span class="col-xs-2">
                    <select class="form-control">
                        <option>全部</option>
                    </select>
                </span>
                <span class="col-xs-2">
                    <input type="text" class="form-control" placeholder="请输入搜索关键字"/>
                </span>
                <span class="col-xs-1">
                    <button type="button" class="btn btn-primary">搜索</button>
                </span>
            </div>
            <table class="table table-bordered" style="margin-top: 20px;">
                <thead>
                <tr>
                    <th><input type="checkbox"></th>
                    <th>序号</th>
                    <th>事件时间</th>
                    <th>事件标题</th>
                    <th>事件类型</th>
                    <th>自定义类型</th>
                    <th>事件等级</th>
                    <th>签发领导</th>
                    <th>操作</th>
                </tr>
                </thead>
                <tbody>
                <tr>
                    <td><input type="checkbox"></td>
                    <td>1</td>
                    <td>2016-2-23</td>
                    <td><a href="#">XXXXX</a></td>
                    <td>反动言论</td>
                    <td>涉回</td>
                    <td>II</td>
                    <td>张三</td>
                    <td><a href="#">编辑</a><a href="sjgz.html">跟踪</a><a href="#">删除</a></td>
                </tr>
                <tr>
                    <td></td>
                    <td></td>
                    <td></td>
                    <td></td>
                    <td></td>
                    <td></td>
                    <td></td>
                    <td></td>
                    <td></td>
                </tr>
                <tr>
                    <td></td>
                    <td></td>
                    <td></td>
                    <td></td>
                    <td></td>
                    <td></td>
                    <td></td>
                    <td></td>
                    <td></td>
                </tr>
                </tbody>
            </table>
        </div>
    </div>
    <!--右边结束-->
</div>
<!-- 如果要使用Bootstrap的js插件，必须先调入jQuery -->
<script src="js/jquery-1.11.2.min.js"></script>
<!-- 包括所有bootstrap的js插件或者可以根据需要使用的js插件调用　-->
<script src="js/bootstrap.min.js"></script>
<script src="js/2016zhdd_js.js"></script>
</body>
</html>